@charset "utf-8";
/* CSS Document */
#content{width:100%;margin:auto;background: #fff;}
#content .content{width:1200px;margin:auto;}
#body{width:1200px; margin:auto;}
.blue{color:#234584;}
.red{color:#fe4444;}
.clear{clear:both; width:100%; height:1px;}
.hide{display:none;}
/*面包式导航*/
#position{float: left;width:100%;height: 55px;line-height: 55px;background: #fff;margin-top: -2px;border-bottom: 1px solid #dedede;}
.position{width: 1200px;margin: 0 auto;}
.position .cur_position{/* width: 200px; *//* color: #ffffff; *//* float:left; *//* font-size:14px; */}
.position .cur_position .h1{font-size:24px;float: left;width: 100%;margin: 35px 0 0 0;}
.position .cur_position .h2{font-size:14px}
.position .crumbs{height: 55px;line-height: 55px;font-size: 12px;color: #303030;float:right;margin-right:10px;}
.position .crumbs a{color: #0facee;padding:5px;}
.position .crumbs span{display:inline-block;color: #666;text-indent:10px;}
/*左栏*/
#content .Pbox{
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
}
#content .left{width: 180px;height:auto;padding-bottom:10px;float:left;background: #fff;min-height:370px;z-index: 999;position: relative;min-height: 800px;}
#content .left .lmenu{width: 235px;height: 140px;background: #0facee;color: #fff;float: left;text-align: left;line-height: 140px;border-bottom: 1px solid #eee;text-align: center;font-size: 28px;}
#content .left .lmenu .h1{font-size: 28px; color: #fff;}
#content .left .lmenu .h2{font-size: 14px; text-transform: uppercase; width: 270px; margin: 20px 0 0 30px;}
#content .left ul{width: 180px;height:auto;float: left;/* border-bottom: 1px solid #eee; */}
#content .left ul li{width: 100%;font-size:14px;/* background: #f8f8f8; */height: 35px;text-align: left;line-height: 35px;border-bottom: 0;position: relative;margin: 30px 0 0 0;padding: 0 0 5px 0;border-bottom: 2px solid #fff;}
#content .left ul li a{display:block;color: #707070;font-size: 18px;}

#content .left ul li a:after {
    content: '\e601';
    font-family: 'iconfont';
    position: absolute;
    top: 0%;
    right: 0;
    transform: rotate(0deg);
    transition: all 0.3s;
}

#content .left ul li.num a:after{ content:''}

#content .left ul li.active{border-bottom: 2px solid #696969;}
#content .left ul li.active a{color: #000;}
#content .left ul li.active a:after{transform: rotate(90deg);}
#content .left ul li:hover{/* background: #0facee; */border-bottom: 2px solid #696969;}
#content .left ul li:hover a{/* color: #fff; */}
#content .left .contact{float: left; margin: 30px 0 0 0; width: 235px; padding-bottom: 20px; background: #0a5cae;}
#content .left .contact .h1{font-size: 24px; color: #333; float: left; height: 66px; line-height: 66px; background: #eee; width: 272px; text-indent: 30px;}
#content .left .contact .brief b{font-weight:normal; color:#666; font-size:16px}
#content .left .contact .brief{float: left; font-size: 14px; color: #999; line-height: 25px; background: #0a5cae;}
#content .left .contact .brief .title{font-size: 20px; color: #fff; margin: 20px 0 0 20px; float: left;}
#content .left .contact .brief img{width: 100%;}
#content .left .contact .brief ul{border: 0; padding: 20px; width: 195px;}
#content .left .contact .brief ul li{background: #0a5cae; border: 0; color: #fff; text-align: left; height: auto; line-height: initial;}
#content .left .contact .brief ul li img{width: auto;}
#content .left .contact .brief ul li.tel{font-size: 18px; height: 50px; line-height: 50px;}
#content .left .contact .brief ul li.tel img{margin: 10px 5px 0 0;}
#content .left .contact .brief ul li.email img{margin: 10px 5px 0 0;}
#content .left .contact .brief ul li.add img{margin: 5px 5px 0 0;}
#content .left .contact .brief ul li span{height: 50px; float: left;}
#content .left .contact .brief ul li .img{float: left;}
#content .left .contact .brief ul li.email{height: 50px; line-height: 50px;}
#content .left .contact .brief ul li.add{height: 50px;}
#content .left .contact .ewm{float: left; width: 100%; text-align: center;}
#content .left .contact .uuu{float: left; width: 100%; text-align: center; font-size: 14px; color: #666; margin: 0 0 10px 0;}
#content .left .contact .ewm img{}
/*#content .left .contact{width:263px; padding-bottom:20px; margin-top:20px; color:#666666;background:url(../images/contact_bg.jpg) no-repeat;}
#content .left .contact .brief{width:90%; margin:auto; padding:20px 0px 30px; line-height:26px; font-size:14px; font-weight:500;color:#666666;}
#content .left .contact .brief span{width:188px; float:right;}*/
#content .left .nav_child{display:block;width: 100%;margin:auto;height: 45px;line-height: 45px;font-size: 14px;font-weight:500;overflow:hidden;/* border-bottom: 1px solid #eee; */color: #666;}
#content .left .cur{color: #e21419; border: 1px solid #e9e6e6; border-left: 0; border-right: 0; background: url(../images/l.png) no-repeat #f9f9f9;}
#content .left .nav_child:hover{color: #000000;}
#content .left2{width:225px;float:left; margin-bottom:30px;}
#content .left2 .hot{clear:both; width:100%; height:auto; background:#fff;}
#content .left2 .hot .title{width:100%; height:40px; line-height:40px; font-size:14px; text-align:center; background:#e60012; color:#fff;}
#content .left2 .hot ul{border-right:1px solid #dddddd; border-left:1px solid #dddddd;}
#content .left2 .hot ul li{width:100%; height:226px; margin:auto; font-size:14px; line-height:25px; padding-bottom:5px; border-bottom:1px solid #dddddd;}
#content .left2 .hot ul li .img{width:225px; height:155px; display:table-cell; vertical-align:middle; text-align:center;}
#content .left2 .hot ul li .img img{max-width:220px; max-height:150px; vertical-align:middle;}
#content .left2 .hot ul li .name{width:157px; float:right; font-size:12px; overflow:hidden;}
#content .left2 .hot ul li .name span{color:#e60012; padding-left:10px;}
/*单页*/
#content .danye{width:918px; background:#fff; float:right;min-height: 800px;margin-bottom: 100px;}
#content .danye .danyeb{/* width:94%; */margin:auto;/* padding:20px 0; */color: #999;line-height: 33px; margin:35px 0 0 0 }
#content .danye .danyeb .h1{
    font-size: 22px;
    color: #000000;
    float: left;
    /* border-bottom: 1px solid #dedede; */
    width: 100%;
    padding: 0 0 15px 0;
    /* margin: 30px 0 10px 0; */
    margin: 0;
}
#content .danye .danyeb .h2{font-size: 32px;padding: 0 0 23px;color: #000;float: left;width: 100%;margin: 20px 0 60px 0;    border-bottom: 1px solid #ccc;}


#content .danye .danyec .h1{
    font-size: 30px;
    color: #000000;
    float: left;
    /* border-bottom: 1px solid #dedede; */
    width: 100%;
    padding: 0 0 25px 0;
    /* margin: 30px 0 10px 0; */
    margin: 0 0 50px 0;
    border-bottom: 10px solid #F6F6F7;
}
#content .danye .danyec .h2{font-size: 22px;/* padding: 0 0 23px; */color: #585858;float: left;width: 100%;margin: 25px 0 5px 0;    text-transform: uppercase;}


#content .h1{font-size: 24px;color: #4b4b4b;float: left;/* border-bottom: 1px solid #dedede; */width: 100%;padding: 0 0 15px 0;margin: 30px 0 30px 0;}
#content .danye .danyeb .h3{
    font-size: 28px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 38px;
    letter-spacing: 0px;
    color: #000000;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    width: 96%;
    margin: 0 2%;
    float: left;
    margin-top: 20px;
}
#content .danye .danyeb .hj{
    float: left;
    width: 96%;
    margin: 0 2%;
    height: 350px;
    margin-top: 20px;
    font-size: 16px;
    margin-bottom: 20px;
}
#content .danye .danyeb .hj li{
    float: left;
    width: 40%;
    height: 60px;
    border-bottom: 1px solid #ccc;
    margin-right: 5%;
    line-height: 60px;
}
#content .danye .danyeb .hj span{}
#content .danye .danyeb .h4{
    font-size: 22px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 48px;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 3rem;float: left;
    width: 100%;
}
#content .danye img{max-width:100%; width:100%}
#content .danye .kuang{border:1px solid #dfdfdf;margin-bottom:20px;}
#content .danye .kuang .name{width:100%;height:55px;border-bottom:1px solid #dfdfdf;}
#content .danye .kuang .name span{display:block;width:255px;height:55px;line-height:55px;background:#f6f8ff;color:#436f9f;text-align:center;font-weight:bolder;font-size:16px;border-right:1px solid #dfdfdf;}
#content .danye .kuang ul li{width:253px; height:auto; float:left; margin-top:20px; padding-bottom:20px; margin-left:24px;}
#content .danye .kuang ul li img{width:100%; height:247px; margin-bottom:10px;}
#content .danye .kuang ul li .titl{width:100%; height:auto; line-height:20px; text-align:center;}
/*产品列表*/
#content #product_right{width: 1200px; background:#fff; float:right; padding: 0 0 20px 0;}
#content .product_right{width:100%;}
#content .product_detail{width:865px;background:#fff;float:right;}
/*产品详情*/
.game163{width: 380px;margin: 0 auto;position: relative;overflow: hidden;float:left;height: 300px;margin-left: 0;border: 1px solid #dedede;}
.game163 img{width: 100%; height: 100%;}
#content .content .brief2 .titles{font-size: 18px; color: #333; float: left; width: 380px; margin-left: 32px; line-height: 33px;}
#content .content .brief2{width: 800px;
background:#fff;
float: left;
/* padding: 20px; */}
#content .content .brief2 .title{width: 420px; float: right; margin: 30px 0 0 0;}
#content .content .brief2 .title .tese{font-size: 14px; color: #333; line-height: 28px;}
#content .content .brief2 .title .tese span{font-weight: bold; height: 240px; float: left;}
#content .content .brief2 .title h2{margin-bottom:10px;font-size:18px;color: #333;float: left;width: 100%;}
#content .content2{width: 100%; float: left; background:#fff; margin: 40px 0 0 0;}
#content .content2 .nav_menu{width:100%; margin:auto;height:50px; border-bottom:1px solid #ccc;}
#content .content2 .nav_menu ul li{width:auto; height:50px; line-height:50px; font-size:14px; padding:0px 20px;cursor:pointer; float:left; color:#436f9f;border:1px solid #ccc;border-bottom:0px;}
/*#content .content2 .nav_menu ul li:first-child{border-right:0px;}*/
#content .content2 .nav_menu ul .cur{background:#f6f8ff; height:49px;}
#content .content2 .titles{float: left; width: 100%; height: 20px; margin: 0 0 15px 0;}
#content .content2 .titles span{background: #fff; float: left; /* width: 60px; */ height: 20px; font-size: 20px; color: #333;}
#content .content2 .nei{clear:both;width: 805px;border-top:0px;margin: 0 0 20px 0;font-size: 16px;color: #666;line-height: 33px;}
/*文章样式*/
#content .news_right{width: 918px; background:#fff; float:right; margin-bottom:30px;}
#content .news_right .news_list{width: 918px;margin:auto;}
#content .news_right .news_list .ul{width:100%;}
#content .news_right .news_list .ul .title{color:#e50112; font-size:22px; height:40px;}
#content .news_right .news_list .ul li{/* height: 228px; */width:100%;/* margin-bottom:20px; */border-bottom: 1px #c3c3c3 dashed;float: left;}
#content .news_right .news_list .ul li .img{height: 176px;width: 301px;float:right;}
#content .news_right .news_list .ul li .img img{height: 176px;width: 301px;}
#content .news_right .news_list .ul li .brief{/* height:120px; */width: 460px;float:left;}
#content .news_right .news_list .ul li .brief .date{height:59px;width:100%;color:#666;font-size:14px;line-height: 80px;}
#content .news_right .news_list .ul li .brief h2{color:#333;font-size: 16px;line-height: 80px;}
#content .news_right .news_list .ul li .brief .desc{font-size: 14px;color:#666;line-height: 22px;}
#content .news_right .news_list .ul li .brief:hover h2, #content .news_right .news_list .ul li .brief:hover .date{color: #0facee;}
/*contact*/
#content .contact_right{width:865px; padding-bottom:20px; float:right;}
#content .contact_right .contact_list{width:100%;}
#content .contact_right .contact_list .ul li{width:100%; height:95px; border-bottom:1px dashed #cccccc; margin-bottom:20px;}
#content .contact_right .contact_list .ul li .brief{width:100%; height:90px;}
#content .contact_right .contact_list .ul li h3{height:30px; line-height:30px;}
#content .contact_right .contact_list .ul li .date{height:30px; line-height:30px;}
/*activity*/
#content .activity_right{width:865px; padding-bottom:20px; float:right;}
#content .activity_right .ul li{margin-top:21px; height:auto; clear:both; font-size:14px; border-bottom:1px solid #ccc;}
#content .activity_right .ul li .qu{height:25px; width:100%; line-height:25px; overflow:hidden; margin-bottom:7px;}
#content .activity_right .ul li .qu .q{width:25px; height:25px; line-height:25px; text-align:center; color:#fff; background:#0074d9; float:left;}
#content .activity_right .ul li .qu .u{width:840px; height:auto; float:right; color:#303030; font-weight:500;}
#content .activity_right .ul li .an{height:auto; width:100%; line-height:25px;}
#content .activity_right .ul li .an .a{width:25px; height:25px; line-height:25px; text-align:center; color:#fff; background:#666666; float:left;}
#content .activity_right .ul li .an .n{width:840px; height:auto; line-height:22px; float:right;color:#666666;}
/*down*/
#content .down_right{width:865px; padding-bottom:20px; float:right;}
#content .down_right li{width:100%; height:30px; line-height:30px; margin-bottom:10px; border-bottom:1px dashed #ccc;}
/*证书列表*/
#content .video_right{width:865px;float:right;}
#content .video_right .video_list li{width:267px;height:238px;text-align:center;margin-right:32px;margin-bottom:15px;float:left;position:relative;overflow:hidden;}
#content .video_right .video_list li:nth-child(3n){margin-right:0px;}
#content .video_right .video_list li .img{width:267px;height:238px;text-align:center;display: table-cell; vertical-align:middle;}
#content .video_right .video_list li a img{width:267px;height:238px;}
/*案例列表*/
#content .picture_right{width:865px; padding-bottom:20px; float:right;}
#content .picture_right .picture_list li{width:190px; height:170px; float:left; margin-right:28px; margin-bottom:10px;}
#content .picture_right .picture_list li.four{margin-right:0px;}
#content .picture_right .picture_list li .img{width:190px; height:130px; display:table-cell; text-align:center; vertical-align:middle;}
#content .picture_right .picture_list li:hover .img{border:1px solid #e50112;}
#content .picture_right .picture_list li .img img{max-width:185px; max-height:125px;vertical-align:middle;}
#content .picture_right .picture_list li .name{height:30px; line-height:30px; text-align:center;}
/*分页*/ .pages{clear:both;width: 100%;height: 35px;margin: 30px auto 10px auto;position: relative;}
.pages ul{height: 35px; margin-top: 0; width: 50%; position: absolute; left: 50%; margin-left: -117.5px;}
.pages ul li.item{border:1px solid #e9e9e9 ;}
.pages ul li.item{float: left;text-align: center;cursor: pointer;width: 30px;height: 30px;line-height: 30px;margin-left: 20px;}
.pages ul li.prev{width:42px;height:30px;margin-left: 0;}
.pages ul li.next{width:42px;height:30px;}
.pages ul li.next:hover , .pages ul li.prev:hover{border: 1px solid #e62129;}
.pages ul li.item a{color: #999999;}
.pages ul li.on{background-color: #0facee;}
.pages ul li.on a{color: #fff;}
.total{display:none;}/*招聘复制样式*/
.cdzhaop{width:100%; margin:0px auto;}
.cdzhaop_tit{height:46px; line-height:46px; overflow:hidden; background-color:#F1F1F1;padding-left:20px; padding-right:44px;}
.cdzhaop_tit h1{width:33%; float:left; font-size:17px; color:#333;}
.cdzhaop_tit h2{width:33%; float:left; font-size:17px; color:#333;}
.cdzhaop_tit h3{width:17%; float:left; font-size:17px; color:#333;}
.cdzhaop_tit h4{width:17%; float:left; font-size:17px; color:#333; text-align:right;}
.cdzhaop ul{}
.cdzhaop ul li{border-bottom:1px dashed #999; overflow:hidden; line-height:38px; padding-bottom:10px; padding-top:10px; padding-left:20px; padding-right:44px;}
.cdzhaop ul li h1{width:33%; float:left; font-size:17px; height:38px;}
.cdzhaop ul li h1 a{color:#008cd7;}
.cdzhaop ul li h1 a:hover{text-decoration:underline;}
.cdzhaop ul li h2{width:33%; float:left; font-size:17px; color:#333; height:38px;}
.cdzhaop ul li h3{width:17%; float:left; font-size:17px; color:#333; height:38px;}
.cdzhaop ul li h4{width:17%; float:left; font-size:17px; color:#333; text-align:right; height:38px;}
.pager3{line-height:32px; font-size:16px; padding-top:20px; padding-bottom:30px; text-align:center; color:#333;}
.pager3 a{color:#333;}
.pager3 a:hover{color:#026CB8;}
.pager3 font{color:#999; margin-left:10px; margin-right:10px; position:relative; top:-1px;}
.pager3 span a{margin-left:10px;}
.pager3 input{width:40px; height:24px; line-height:24px; border:1px solid #CCC; margin-left:6px; margin-right:6px;}
.pager3 a.paer_curr{color:#026CB8; font-weight:bold;}
.ban{width: 100%; float: left;}
.ban .ban_box{width: 1200px; margin: 0 auto; position: relative;}
.ban img{
    min-height: 200px;
}
.ban .ban_box .dw{position: absolute;top: 80px;min-width: 200px;left: 45%;}
.ban .ban_box .h1{font-size: 34px;color: #fff;font-weight: bold;float: left;/* width: 100%; */position: relative;}
.ban .ban_box .h1:after{content:"";position: absolute;height: 5px;width: 100%;/* background: #0facee; */left: 0;bottom: 4px;opacity: 0.8;}
.ban .ban_box .h2{font-size: 28px;color: #fff;text-transform: uppercase;float: left;width: 100%;margin-bottom: 20px;}

.tuibox{
    float: right;
    width: 320px;
    margin: 40px 0 0 0;
}
.tuibox .title{
    font-size: 18px;
    color: #333;
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}
.tuibox ul{}
.tuibox ul li{
    width: 150px;
    float: left;
    margin-right: 20px;    margin-bottom: 20px;
}
.tuibox ul li.nil{
    margin-right: 0;
}
.tuibox ul li .img{
    width: 150px;
    float: left;
}
.tuibox ul li .img img{
    width: 100%;
    height: 100px;
}
.tuibox ul li .name{
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #333;
}
.lun{
    height: 500px;
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    position: relative;
}
.lun .bigImg{
    height: 500px;
}
.lun .bigImg li{
    height: 500px;
}
.lun .bigImg li img{}

.lun .hd{
    position: absolute;
    width: 100px;
    text-align: center;
    height: 10px;
    bottom: 10px;
    left: 48%;
}
.lun .hd li{
    height: 10px;
    width: 10px;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #b0ebfb;
    float: left;
    margin-left: 5px;
}
.lun .hd li.on{
    background: #b0ebfb;
}
.lun .hd li a{}
.lun .hd li.on a{}